<template>
	<view id="app">
		<view class="header">
			<!-- 设置 -->
			<view class="setUp">
				<image src="../../static/img/index/voice@2x.png" @click="notice" class="setUpImg"></image>
				<image src="../../static/img/index/setUp@2x.png" @click="setUp"></image>
			</view>
			<navigator url="/pages/theHead/editAccountInformation/editAccountInformation" class="nickName">
				<image :src="userInfo && userInfo.avatarAddress ? userInfo.avatarAddress :'../../static/img/index/defaultTx.png'" style="width: 100upx;height: 100upx;"></image>
				<view>
					<text>{{userInfo && userInfo.nickName ? userInfo.nickName : ''}}</text>
					<image src="../../static/img/index/edit@2x.png"></image>
				</view>
			</navigator>
			
			<view class="health">
				<view class="tubeDivision">
					<text>健管师</text>
					<view class="name" :style="{'margin-right': userInfo && userInfo.healthId ? '20upx' : '0upx'}">&emsp;：<text v-if="userInfo && userInfo.healthId">{{userInfo && userInfo.healthName}}</text><text v-if="userInfo && userInfo.healthId">({{userInfo && userInfo.appellations}})</text></view>
					<navigator :url="encodeURI('/pages/theHead/selectHealth/selectHealth?name='+ (userInfo && userInfo.healthName))" class="more">{{userInfo && userInfo.healthId?'更换':'选择'}}</navigator>
				</view>
				<view class="tubeDivision">
					<text>专家</text>
					<view class="name" v-if="userInfo && userInfo.expertList">&emsp;：<text>{{userInfo && userInfo.expertList[0].expertName}}</text>({{userInfo && userInfo.expertList[0].appellations || '未填写'}})</view>
					<image  v-if="userInfo && userInfo.expertList && userInfo.expertList.length > 1" src="../../static/img/index/more@2x.png" @click="expertClick"></image>
					<view class="more" v-if="!userInfo || !userInfo.expertList"><text>&emsp;：</text>待预约</view>
				</view>
				<image src="../../static/img/index/vipExclusive@2x.png" class="vip"></image>
				<view class="vipBj"></view>
			</view>
		</view>
		
		<view class="mainContent">
			<!-- 健康团队 -->
			<view class="item">
				<navigator url="/pages/healthTeam/index" class="healthTeam">
					<image src="../../static/img/index/healthTeam@2x.png"></image>
					<text>健康团队</text>
				</navigator>
				<navigator url="/pages/index/consult" class="healthTeam">
					<image src="../../static/img/index/healthIm@2x.png"></image>
					<text>健康咨询<i v-if="totalUnreadCount>0">{{totalUnreadCount}}</i></text>
				</navigator>
			</view>
			
			<!-- 基本功能 -->
			<view class="basicFunction">
				<view class="basicFunctionTitle">
					<image src="../../static/img/index/tips@2x.png"></image>
					<text>快捷添加</text>
				</view>
				<view class="basicFunctionBox">
					<navigator url="/pages/monitor/information/information" class="basicFunctionItem evenBasicFunction">
						<image src="../../static/img/index/information@2x.png"></image>
						<text>录入<br>基本信息</text>
					</navigator>
					<navigator url="/pages/monitor/assessment/investigation"  class="basicFunctionItem evenBasicFunction">
						<image src="../../static/img/index/healthQueation@2x.png"></image>
						<text>填写<br>健康问卷</text>
					</navigator>
					<navigator url="/pages/monitor/medicalReport/entryPage" class="basicFunctionItem evenBasicFunction">
						<image src="../../static/img/index/listMedicalReport@2x.png"></image>
						<text>上传<br>体检报告</text>
					</navigator>
					<navigator url="/pages/monitor/dailyMonitoring/healthMonitoring" class="basicFunctionItem evenBasicFunction">
						<image src="../../static/img/index/dailyMonitoring@2x.png"></image>
						<text>记录<br>日常监测</text>
					</navigator>
					<navigator url="/pages/monitor/medicalRecord/list" class="basicFunctionItem">
						<image src="../../static/img/index/goDoctor@2x.png"></image>
						<text>添加<br>就医记录</text>
					</navigator>
					<navigator url="/pages/monitor/medication/list" class="basicFunctionItem">
						<image src="../../static/img/index/medicalRecords@2x.png"></image>
						<text>添加<br>用药记录</text>
					</navigator>
					<navigator url="/pages/monitor/tcm/statusQuo" class="basicFunctionItem">
						<image src="../../static/img/index/healthStatus@2x.png"></image>
						<text>健康<br>现状评估</text>
					</navigator>
					<navigator url="/pages/monitor/risk/statusQuo" class="basicFunctionItem">
						<image src="../../static/img/index/futureDisease@2x.png"></image>
						<text>未来疾病<br>风险评估</text>
					</navigator>
				</view>
			</view>
			
			<!-- 监测评估-->
			<view class="basicFunction">
				<view class="basicFunctionTitle">
					<image src="../../static/img/index/tips@2x.png"></image>
					<text>监测评估</text>
				</view>
				<view class="basicFunctionBox">
					<navigator url="/pages/monitor/information/informationlist" class="basicFunctionItem">
						<image src="../../static/img/index/informationList@2x.png"></image>
						<text>基本信息<br>列表</text>
					</navigator>
					<navigator url="/pages/monitor/assessment/investigationlist" class="basicFunctionItem">
						<image src="../../static/img/index/healthQuestionnaire@2x.png"></image>
						<text>健康问卷<br>列表</text>
					</navigator>
					<navigator url="/pages/monitor/medicalReport/list" class="basicFunctionItem">
						<image src="../../static/img/index/listMedicalReport@2x.png"></image>
						<text>体检报告<br>列表</text>
					</navigator>
					<navigator url='/pages/monitor/tcm/list' class="basicFunctionItem">
						<image src="../../static/img/index/summaryReport@2x.png"></image>
						<text>评估报告<br>列表</text>
					</navigator>
				</view>
			</view>
			
			<!-- 健康干预 -->
			<view class="basicFunction">
				<view class="basicFunctionTitle">
					<image src="../../static/img/index/tips@2x.png"></image>
					<text>健康干预</text>
				</view>
				<view class="basicFunctionBox">
					<navigator url="/pages/monitor/intervention/interventionlist" class="basicFunctionItem evenBasicFunction">
						<image src="../../static/img/index/internationPlan@2x.png"></image>
						<text>干预方案</text>
					</navigator>
					<navigator url="/pages/monitor/interventionPlan/list" class="basicFunctionItem evenBasicFunction">
						<image src="../../static/img/index/internation@2x.png"></image>
						<text>干预计划</text>
					</navigator>
					<navigator url="/pages/monitor/follow/list" class="basicFunctionItem evenBasicFunction">
						<image src="../../static/img/index/followUp@2x.png"></image>
						<text>随访记录</text>
					</navigator>
					<navigator url="/pages/monitor/referral/list" class="basicFunctionItem evenBasicFunction">
						<image src="../../static/img/index/referralRecord@2x.png"></image>
						<text>转诊记录</text>
					</navigator>
				</view>
			</view>
			
			<!-- 健康指导 -->
			<view class="basicFunction">
				<view class="basicFunctionTitle">
					<image src="../../static/img/index/tips@2x.png"></image>
					<text>健康指导</text>
				</view>
				<view class="basicFunctionBox">
					<navigator url="/pages/monitor/article/articlelist" class="basicFunctionItem evenBasicFunction">
						<image src="../../static/img/index/healthScience@2x.png"></image>
						<text>健康科普<br>列表</text>
					</navigator>
				</view>
			</view>
			
			<!-- 其他功能-->
			<view class="basicFunction">
				<view class="basicFunctionTitle">
					<image src="../../static/img/index/tips@2x.png"></image>
					<text>其他功能</text>
				</view>
				<view class="basicFunctionBox">
					<navigator url="/pages/healthStatus/navigation" class="basicFunctionItem">
						<image src="../../static/img/index/informationList@2x.png"></image>
						<text>健康现状<br>评估列表</text>
					</navigator>
					<navigator url="/pages/futureDiseases/navigation" class="basicFunctionItem">
						<image src="../../static/img/index/healthQuestionnaire@2x.png"></image>
						<text>疾病风险<br>评估列表</text>
					</navigator>
					<navigator  class="basicFunctionItem">
						<image src="../../static/img/index/listMedicalReport@2x.png"></image>
						<text>健康风险<br>评估列表</text>
					</navigator>
					<navigator url="/pages/currentSummary/list" class="basicFunctionItem">
						<image src="../../static/img/index/listMedicalReport@2x.png"></image>
						<text>健康现状<br>汇总</text>
					</navigator>
					<navigator url="/pages/futureSummary/list" class="basicFunctionItem">
						<image src="../../static/img/index/listMedicalReport@2x.png"></image>
						<text>疾病风险<br>汇总</text>
					</navigator>
				</view>
			</view>
			
		</view>
		
		<!-- 专家弹出框 -->
		<view class="popHide" v-if="expertShow"></view>
		<view class="contentBox" v-if="expertShow">
			<image src="../../static/img/theHead/expertsLook@2x.png" alt="" class="imageExperts">
			<view class="expertsList">
				<nav><span>专家</span><span class="cw">称谓</span></nav>
				<nav v-for="(item,index) in userInfo && userInfo.expertList"><span>{{item.expertName || '未填写'}}</span><span>{{item.appellations || '未填写'}}</span></nav>
			</view>
			<image src="../../static/img/theHead/delHui@2x.png" alt="" class="del" @click="expertShow = false">
		</view>
	</view>
</template>

<script src="@/static/js/index"></script>

<style lang="scss" scoped>
	@import '@/static/css/index.scss';
</style>
